<template>
  <div id="app">
     <router-view/>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {
  },
};
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
html {
  font-size: 100px;
  min-width: 1200px;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
@function vw($px) {
  @return (ceil($px / $vm_base * 10000)/100) + vw;
}
 
@function vh($px) {
  @return (ceil($px / $vh_base * 10000)/100) + vh;
}
a {
  text-decoration: none; /* 去掉下划线 */
  color: inherit; /* 继承父元素颜色，状态不变 */
}
a {
  text-decoration: none; /* 去除默认的下划线 */
  color: #000; /* 去除默认的颜色和点击后变化的颜色 */
}

.fd {
  display: flex;
  justify-content: space-between;
}
.fda {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fdb {
  display: flex;
}
.fdc {
  display: flex;
  flex-wrap: wrap;
}
.fdd{
  display: flex;
  align-items: center;
}
.fde{
  display: flex;
  align-items: center;
  justify-content: center;
}
.fy{
  margin-bottom: 60px;
}

</style>
